<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:icecore="http://www.icefaces.org/icefaces/core"
      xmlns:ace="http://www.icefaces.org/icefaces/components"
      xmlns:ice="http://www.icesoft.com/icefaces/component">
    
    <h:head>
        <title>SIVE - Consulta Específica</title>
        <ice:outputStyle href="./xmlhttp/css/rime/rime.css" />
        <ice:outputStyle href="css/style.css" />
        <ice:outputStyle href="css/bootstrap.css" rel="stylesheet" />
        <style type="text/css">
    </style>
    <link href="css/bootstrap-responsive.css" rel="stylesheet" ></link>
        
    <h:outputScript library="js" name="jquery.js" />
    <h:outputScript library="js" name="bootstrap.min.js" />
    <h:outputScript library="js" name="jquery.placeholder.min.js" />
        
    </h:head>
    <h:body>  
        
        <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </a>
            <a class="brand" href="http://localhost:8080/sive_v3/index.html">SIVE - Sistema de Informaci&oacute;n Vehicular</a>
          <div class="nav-collapse collapse">
            <ul class="nav">
              <li class="dropdown">
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Marchamo <b class="caret"></b></a>
                <ul class="dropdown-menu">
                  <li><a href="http://localhost:8080/sive_v3/faces/crearMarchamo.xhtml">Crear marchamo</a></li>
                  <li><a href="http://localhost:8080/sive_v3/faces/modificarMarchamo.xhtml">Modificar marchamo</a></li>
                  <li><a href="#">Reactivar marchamo</a></li>
                </ul>
              </li>
              <li class="dropdown">
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Estacionamiento <b class="caret"></b></a>
                <ul class="dropdown-menu">
                    <li><a href="http://localhost:8080/sive_v3/faces/reservacionEvento.xhtml">Reservaci&oacute;n de evento</a></li>
                    <li><a href="http://localhost:8080/sive_v3/faces/reservacionVisita.xhtml">Reservaci&oacute;n de visita</a></li>
                  <li><a href="http://localhost:8080/sive_v3/faces/registroDeIncidentes.xhtml">Registro de incidentes</a></li>
                  <li><a href="http://localhost:8080/sive_v3/faces/registroDeMedidaC.xhtml">Registro multas e infracciones</a></li>
                </ul>
              </li>
              <li class="dropdown">
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Consultas <b class="caret"></b></a>
                <ul class="dropdown-menu">
                    <li><a href="http://localhost:8080/sive_v3/faces/consultaMultiple.xhtml">Consultas m&uacute;ltiples</a></li>
                    <li><a href="http://localhost:8080/sive_v3/faces/consultaEspecifica.xhtml">Consultas espec&iacute;ficas</a></li>
                    <li><a href="http://localhost:8080/sive_v3/faces/consultaIngresoVehiculo.xhtml">Consulta de ingreso de vehículos</a></li>
                </ul>
              </li>
              <li class="dropdown">
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Historial <b class="caret"></b></a>
                <ul class="dropdown-menu">
                    <li><a href="http://localhost:8080/sive_v3/faces/estadisticasVehiculares.xhtml">Estad&iacute;sticas y reportes</a></li>
                    <li><a href="http://localhost:8080/sive_v3/faces/revisionVehiculo.xhtml">Revisi&oacute;n de veh&iacute;culo</a></li>
                </ul>
              </li>
                   <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Ayuda<b class="caret"></b></a>
                                <ul class="dropdown-menu">
                                  
                                </ul>
                            </li>
            </ul>
              <p class="navbar-text pull-right">
              Identificado como: <a href="#" class="navbar-link">admin</a>
            </p>
          </div><!--/.nav-collapse -->
        </div>
      </div>
    </div>
     
      
        
        
        
        
        <img src="img/appbar.base.arrow.png" alt="ir atras" class="nav-back" onclick="history.go(-1)" />
        <h3 class="header-bg" style="text-align: center">Sistema de Información Vehicular | Consultas específicas</h3>  
       
                    
                    <ace:panel id="personalInfoInputPanel" header="Búsqueda de información de usuarios"  styleClass="panel-principal">
                        <h:graphicImage value="img/new_icons/seach2.png" class="ico-head"  />
                         <span Class="titulo_panel">Utilice cualquiera de los filtros para realizar la búsqueda</span>
                         <h:form id="form_consulta_especifica"  >
                        <h:panelGrid   id="inputGrid" columns="3" width="100%" styleClass="filtros-panel">


<!--
                    <ace:autoCompleteEntry id="autoComplete"
                                           rows="20" width="135"
                                           filterMatchMode=""
                                           label="Nombre usuario:"
                                           labelPosition="left">
                        <f:selectItems />

                    </ace:autoCompleteEntry> -->
                    
                    <ace:textEntry id="placaFilter"  value=" " label="Placa vehículo :" labelPosition="left" >
                            <ace:ajax render="@this placaFilterOutput placaFilterMsg"/>
                    </ace:textEntry> 
                    
                    <ace:textEntry id="cedulaFilter" value=" " label="Número cédula :" labelPosition="left" >
                        <ace:ajax render="@this cedulaFilterOutput cedulaFiltereMsg"/>
                    </ace:textEntry>  
                    <ace:textEntry id="marchamoFilter" value=" " label="Número marchamo:" labelPosition="left" >
                        <ace:ajax render="@this marchamoFilterOutput marchamoFilterMsg"/>
                    </ace:textEntry>  
                    <ace:textEntry id="estacionamientoFilter" value=" " label="Número estacionamiento :" labelPosition="left" >
                        <ace:ajax render="@this estacionamientoFilterOutput estacionamientoFilterMsg"/>
                    </ace:textEntry>
                    <input type="button" Class="botonEnviarConsulta" value="Buscar" name="Buscar" />
                </h:panelGrid>
                            
                                           <!-- INICIO TOOLTIPS ================================================= -->
                             <!-- <ace:tooltip id="tooltipNombreUsuario"
                                         for="autoComplete"
                                         speechBubble="true"
                                         showEffect="slide"
                                         hideEffect="grow"
                                         showDelay="500"
                                         hideDelay="300"
                                         position="bottomLeft"
                                         targetPosition="topLeft"
                                         showEffectLength="300"
                                         hideEffectLength="300"> 
                                <h:panelGrid styleClass="tooltipBoxStyle"> 
                                    <h:outputText id="AutoComplete_mns" value="Digite el nombre a buscar"/>
                                </h:panelGrid>   
                            </ace:tooltip> -->

                            <ace:tooltip id="tooltipPlaca"
                                         for="placaFilter"
                                         speechBubble="true"
                                         showEffect="slide"
                                         hideEffect="grow"
                                         showDelay="500"
                                         hideDelay="300"
                                         position="bottomLeft"
                                         targetPosition="topRight"
                                         showEffectLength="300"
                                         hideEffectLength="300">
                                <h:panelGrid styleClass="tooltipBoxStyle"> 
                                    <h:outputText id="Placa_mns" value="Digite la placa a buscar"/>
                                </h:panelGrid>   
                            </ace:tooltip>
                            
                            <ace:tooltip id="tooltipCedula"
                                         for="cedulaFilter"
                                         speechBubble="true"
                                         showEffect="slide"
                                         hideEffect="grow"
                                         showDelay="500"
                                         hideDelay="300"
                                         position="bottomLeft"
                                         targetPosition="topRight"
                                         showEffectLength="300"
                                         hideEffectLength="300">
                                <h:panelGrid styleClass="tooltipBoxStyle"> 
                                    <h:outputText id="Cedula_mns" value="Digite la cédula a buscar"/>
                                </h:panelGrid>   
                            </ace:tooltip>
                            
                            <ace:tooltip id="tooltipMarchamo"
                                         for="marchamoFilter"
                                         speechBubble="true"
                                         showEffect="slide"
                                         hideEffect="grow"
                                         showDelay="500"
                                         hideDelay="300"
                                         position="bottomLeft"
                                         targetPosition="topRight"
                                         showEffectLength="300"
                                         hideEffectLength="300">
                                <h:panelGrid styleClass="tooltipBoxStyle"> 
                                    <h:outputText id="Marchamo_Mns" value="Digite el número de marchamo a buscar"/>
                                </h:panelGrid>   
                            </ace:tooltip>
                                           
                            <ace:tooltip id="tooltipEstacionamiento"
                                            for="estacionamientoFilter"
                                            speechBubble="true"
                                            showEffect="slide"
                                            hideEffect="grow"
                                            showDelay="500"
                                            hideDelay="300"
                                            position="bottomLeft"
                                            targetPosition="topRight"
                                            showEffectLength="300"
                                            hideEffectLength="300">
                                <h:panelGrid styleClass="tooltipBoxStyle"> 
                                    <h:outputText id="Estacionamiento_Mns" value="Digite el número de estacionamiento a buscar"/>
                                </h:panelGrid>   
                            </ace:tooltip>
                <!-- FIN TOOLTIPS ================================================= -->
                            
                    <div class="tabla_resultados">
                        
                        
                        <h:graphicImage value="img/new_icons/results1.png" class="ico-head" />
                         <span Class="titulo_panel">Resultados obtenidos</span>
                        
                        <ice:dataTable
                            value="#{resultadosConsultaEspecifica.consultaEspecifica}"
                            var="item"
                            width="100%">

                            <!-- Stock number -->
                            <ice:column>
                                <f:facet name="header">
                                    <ice:outputText value="Cédula"/>
                                </f:facet>
                                <ice:outputText  style="text-align: center;" value="#{item.cedula}"/>
                            </ice:column>

                            <!-- Model number -->
                            <ice:column>
                                <f:facet name="header">
                                    <ice:outputText value="Nombre"/>
                                </f:facet>
                                <ice:outputText style="text-align: center;" value="#{item.nombre}"/>
                            </ice:column>

                            <!-- Description  -->
                            <ice:column>
                                <f:facet name="header">
                                    <ice:outputText value="Teléfono"/>
                                </f:facet>
                                <ice:outputText style="text-align: center;" value="#{item.telefono}"/>
                            </ice:column>

                            <!-- Odometer reading -->
                            <ice:column>
                                <f:facet name="header">
                                    <ice:outputText value="Correo"/>
                                </f:facet>
                                <ice:outputText style="text-align: center;" value="#{item.correo}"/>
                            </ice:column>
                            <ice:column>
                                <f:facet name="header">
                                    <ice:outputText value="Estado civil"/>
                                </f:facet>
                                <ice:outputText style="text-align: center;" value="#{item.estado_civil}"/>
                            </ice:column>
                            <ice:column>
                                <f:facet name="header">
                                    <ice:outputText value="Sexo"/>
                                </f:facet>
                                <ice:outputText style="text-align: center;" value="#{item.sexo}"/>
                            </ice:column>
                            <ice:column>
                                <f:facet name="header">
                                    <ice:outputText value="Escuela"/>
                                </f:facet>
                                <ice:outputText style="text-align: center;" value="#{item.escuela}"/>
                            </ice:column>
                            <br></br>

                        </ice:dataTable>
                        </div>
                
                
                
                        </h:form>
                    </ace:panel>

        
        
        
        
        <div class="centered">         
              <footer class="footer">
                <span>Desarrollado por: Grupo de trabajo SIVE- </span><script type="text/javascript">
                    document.write ('Hoy es <span id="date-time">', new Date().toLocaleString(), '</span>.')
                    if (document.getElementById) onload = function () {
                        setInterval ("document.getElementById ('date-time').firstChild.data = new Date().toLocaleString()", 50)
                    }
                </script>
            </footer>
        </div>
        
       
        
    </h:body>
    

</html>